<template>
  <div>
    <div class="my-main">
      <my-article-list></my-article-list>
      <my-more></my-more>
    </div>
    <div class="my-widget">
      <my-widget></my-widget>
    </div>
  </div>
</template>
<script>
import MyArticleList from './articleList'
import MyWidget from '../common/widget'
import MyMore from './more'
export default {
  components: {
    MyWidget,
    MyArticleList,
    MyMore
  },
  methods: {}
}
</script>
<style scoped>
.my-main {
  width: 75%;
  float: left;
}

.my-widget {
  width: 25%;
  height: 1200px;
  float: right;
}

.my-widget div {
  margin: 10px;
}
</style>
